<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Your Website Title</title>
	<meta name="description" content="Website Description" />
	<meta name="keywords" content="Website Kwywords" />
	<style type="text/css" media="all">@import "style/style.css";</style>
	<!--[if lt IE 7]>
	<style type="text/css">@import "style/ie.css";</style>
	<script src="script/DD_belatedPNG.js" type="text/javascript"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('#logo span, #loginarea, #panellogin, .textboxlogin, img');
	</script>
	<![endif]-->
	<!--[if IE 7]><style type="text/css">@import "style/ie7.css";</style><![endif]-->
	<script src="script/jquery.js" type="text/javascript"></script>
	<script src="script/ui_core.js" type="text/javascript"></script>
	<script src="script/ui_tabs.js" type="text/javascript"></script>
	<script src="script/lightbox.js" type="text/javascript"></script>
	<script src="script/twitter.js" type="text/javascript"></script>
	<script src="script/gettwitter.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function() {
		$("#butslide").click(function(){
				$("#panellogin").slideToggle("fast");
				$(this).toggleClass("active"); return false;
		}); 
		$('#tabsnav').tabs({ fx: { opacity: 'toggle' } });
		$('a.popup').lightBox({fixedNavigation:true});
	});
	</script>
</head>
<body>
<p><a class="skiplink" href="#maincontent">Skip over navigation</a></p>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div id="headertop">
				<a href="#" class="replace" id="logo"><span></span>Rushhour - Your Company Slogan</a>
				<div id="loginarea">
					<p class="notlogin">You are not log in</p>
					<p class="loginbut"><a href="#" class="butlogin" id="butslide">Login</a> <span>or</span> <a href="#" class="butlogin">Signup</a></p>
					<div id="panellogin">
						<form method="post" action="#" id="frmlogin">
							<div>
								<label for="lgnusername">Username:</label> <input type="text" name="username" class="textboxlogin" id="lgnusername" /><br />
								<label for="lgnpassword">Password:</label> <input type="text" name="password" class="textboxlogin" id="lgnpassword" /><br />
								<label></label> <input type="submit" name="submitlogin" class="submitlogin" value="Login" /> <a href="#" class="linkforgot">Forgot Password?</a>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div id="placemainmenu">
				<ul id="mainmenu">
					<li><a href="index.html">Home</a></li>
					<li><a href="aboutus.html">About Us</a></li>
					<li><a href="newslist.html">News</a></li>
					<li class="active"><a href="#">Our Services</a>
						<ul>
							<li><a href="newsdetail.html">News Detail</a></li>
							<li><a href="services.html">Some of our services</a></li>
						</ul>
					</li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="contactus.html">Contact Us</a></li>
					<li><a href="#">Color</a>
						<ul>
							<li><a href="../blue/index.html">Blue Sea Color</a></li>
							<li><a href="../green/index.html">Green Grass Color</a></li>
						</ul>
					</li>
				</ul>
				<form method="post" action="#" id="frmsearch">
					<div>
						<input type="text" name="search" class="textboxsearch" value="Search" onblur="if(this.value.length == 0) this.value='Search';" onclick="if(this.value == 'Search') this.value='';"  /> <input type="submit" name="submitsearch" class="submitsearch" value="Search" />
					</div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
		<div id="content">
			<ul id="breadcrumb">
				<li><a href="#">Home</a></li>
				<li><a href="#">Services</a></li>
				<li class="last">Web Development</li>
			</ul>
			<div id="maincontent">
				<div class="contentleft">
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Web Development</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<h3>Vestibulum sed mauris</h3>
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
					<div class="boxcontentsmall">
						<h1 class="titlesmall">SEO</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<ul>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Integer ornare elit et ligula consequat aliquet.</li>
								<li>Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci.</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Integer ornare elit et ligula consequat aliquet.</li>
								<li>Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci.</li>
							</ul>
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Web Development</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<h3>Vestibulum sed mauris</h3>
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
				</div>
				<div class="contentright">
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Branding</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<ul class="menucontentsmall">
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Suspendisse velit erat</a></li>
								<li><a href="#">Vestibulum sed mauris</a></li>
								<li><a href="#">Praesent commodo feugiat lectus</a></li>
								<li class="last"><a href="#">Suspendisse velit erat</a></li>
							</ul>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Logo</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<ul class="menucontentsmall">
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Suspendisse velit erat</a></li>
								<li><a href="#">Vestibulum sed mauris</a></li>
								<li><a href="#">Praesent commodo feugiat lectus</a></li>
								<li class="last"><a href="#">Suspendisse velit erat</a></li>
							</ul>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Stationery Package</h1>
						<div class="boxsmallcontent">
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<ul class="menucontentsmall">
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Suspendisse velit erat</a></li>
								<li><a href="#">Vestibulum sed mauris</a></li>
								<li><a href="#">Praesent commodo feugiat lectus</a></li>
								<li class="last"><a href="#">Suspendisse velit erat</a></li>
							</ul>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
				</div>
			</div>
			<div id="nav">
				<div class="boxnav">
					<h3 class="titlenav">Advertisement</h3>
					<div class="boxnavcontent">
						<ul id="listads">
							<li><a href="#"><img src="images/ads_1.jpg" alt="GraphicRiver" /></a></li>
							<li><a href="#"><img src="images/ads_2.jpg" alt="ThemeForest" /></a></li>
							<li><a href="#"><img src="images/ads_3.jpg" alt="AudioJungle" /></a></li>
							<li><a href="#"><img src="images/ads_4.jpg" alt="VideoHive" /></a></li>
						</ul>
						<div class="clear"></div>
						<a href="#" class="linkadv">Advertise Here</a>
						<div class="clear"></div>
					</div>
				</div>
				<ul id="tabsnav">
					<li><a href="#panel1">Newsletter</a></li>
					<li><a href="#panel2">Portfolio</a></li>
					<li class="last"><a href="#panel3">News</a></li>
				</ul>
				<div class="tabscontent" id="panel1">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec leo et nunc fermentum viverra nec at sem:</p>
					<form method="post" action="#" id="frmnewsletter">
						<div>
							<label for="nltname">Your Name:</label> <input type="text" name="name" class="textboxnewsletter" id="nltname" /><br />
							<label for="nltemail">Email Address:</label> <input type="text" name="email" class="textboxnewsletter" id="nltemail" /><br />
							<input type="submit" name="submitsubscribe" class="submitsubscribe" value="Subscribe" />
							<div class="clear"></div>
						</div>
					</form>
				</div>
				<div class="tabscontent" id="panel2">
					<a href="images/portfolio_1.jpg" id="linklatest" class="popup" title="King Resto"><img src="images/photo_1.jpg" alt="King Resto" /></a>
					<ul id="tabsproject">
						<li><strong>Client:</strong> King Resto</li>
						<li><strong>What We Do:</strong> Logo Design &amp; Web Design</li>
						<li><strong>Website:</strong> <a href="#">google.com</a></li>
					</ul>
				</div>
				<div class="tabscontent" id="panel3">
					<ul id="listnewsnav">
						<li><a href="#">Lorem ipsum dolor.</a></li>
						<li><a href="#">Praesent nec leo et nunc fermentum viverra nec at sem. fermentum viverra nec at sem.</a></li>
						<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing.</a></li>
						<li><a href="#">Ut dui sapien, vulputate id tincidunt nec, semper quis.</a></li>
						<li><a href="#">Lorem ipsum dolor</a></li>
					</ul>
					<a href="#" class="linkreadmore">Read more News &#187;</a>
					<div class="clear"></div>
				</div>
				<div class="boxnav">
					<h3 class="titlenav">Main Menu</h3>
					<div class="boxnavcontent">
						<ul class="menunav">
							<li><a href="#">Lorem ipsum dolor</a></li>
							<li><a href="#">Sit amet consectetur adipiscing</a></li>
							<li><a href="#">Donec placerat</a></li>
							<li><a href="#">Lorem ipsum dolor</a></li>
							<li><a href="#">Sit amet consectetur adipiscing</a></li>
							<li class="last"><a href="#">Donec placerat</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="footer">
			<p id="texttwitter"></p>
			<ul id="menufooter">
				<li><a href="#">Home</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact Us</a></li>
				<li class="last"><a href="#">Follow us on Twitter</a></li>
			</ul>
			<ul id="menufooterright">
				<li>Copyright 2009, Rushhour, Inc.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></li>
				<li class="last"><a href="#">Back to top</a></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>